<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/page/template/admin_main.xhtml">

	<ui:define name="title">
			Admin
	</ui:define>

	<ui:define name="content">
		<div class="adminContent">
			<div>
				<h3>اضافة طلب مراجع</h3>

				<div class="article-separator"></div>

				<div class="clear-floating"></div>

				<h:form id="f1" enctype="multipart/form-data;charset=UTF-8">
					<p:growl id="messagesGrowl" showDetail="true" />
					<p:messages id="messages" />

					<h:panelGrid columns="2" columnClasses="label-cell,field-cell">

						<p:outputLabel id="ol3" value="رقم  الموبايل :" for="it3" />
						<p:inputText id="it3"
							value="#{customerRequestsHandlerBean.request.mobileNumber}"
							style="width:300px;text-align:right" required="true"
							requiredMessage="الرجاء ادخال رقم الموبايل" />

						<p:outputLabel id="ol1" value="الإسم الأول :" for="it1" />
						<p:inputText id="it1"
							value="#{customerRequestsHandlerBean.request.firstName}"
							style="width:300px;text-align:right" required="true"
							requiredMessage="الرجاء ادخال الإسم الكامل" />



						<p:outputLabel id="oll1" value="الإسم الأخير :" for="it1" />
						<p:inputText id="itt1"
							value="#{customerRequestsHandlerBean.request.lastName}"
							style="width:300px;text-align:right" required="true"
							requiredMessage="الرجاء ادخال الإسم الأخير" />

						<p:outputLabel id="ol12" value="تاريخ تقديم الطلب :" for="it5" />
						<p:calendar id="startDateFld" required="true"
							requiredMessage="الرجاء إختيار تتاريخ تقديم الطلب"
							value="#{customerRequestsHandlerBean.request.applyDate}"></p:calendar>


						<p:outputLabel id="ol4" value="نوع الخدمة :" for="it4" />
						<h:selectOneMenu id="it4" styleClass="hek" required="true"
							requiredMessage="الرجاء إختيار نوع الخدمة"
							value="#{customerRequestsHandlerBean.request.serviceType}"
							style="width:300px;text-align:right;height:32px;">
							<f:selectItem itemLabel="الرجاء اختيار نوع الخدمة" itemValue="" />
							<f:selectItems
								value="#{customerRequestsHandlerBean.serviceTypesList}"></f:selectItems>
						</h:selectOneMenu>



						<p:outputLabel id="ol5" value="الحالة :" for="it5" />
						<h:selectOneMenu id="it5" styleClass="hek" required="true"
							requiredMessage="الرجاء إختيار الحالة"
							value="#{customerRequestsHandlerBean.request.status}"
							style="width:300px;text-align:right;height:32px;">
							<f:selectItem itemLabel="الرجاء اختيار الحالة" itemValue="" />
							<f:selectItems
								value="#{customerRequestsHandlerBean.statusesList}"></f:selectItems>

						</h:selectOneMenu>



						<p:outputLabel id="ol2" value="رقم المرجع:" for="it2" />
						<p:inputText id="it2"
							value="#{customerRequestsHandlerBean.request.identificationNumber}"
							style="width:300px;text-align:right"
							requiredMessage="الرجاء ادخال رقم المرجع" />


						<p:outputLabel id="ol6" value="ملاحظات :" for="it6" />
						<p:inputTextarea id="it6"
							value="#{customerRequestsHandlerBean.request.notes}"
							style="width:300px;text-align:right" height="150" width="550" />



					</h:panelGrid>

					<p:commandButton id="cb1"
						action="#{customerRequestsHandlerBean.addCustomerRequest}"
						value="اضافة طلب" ajax="false" />
				</h:form>

			</div>
			<div class="clear-floating"></div>

		</div>
	</ui:define>

</ui:composition>
</html>